import React,{Fragment} from "react";
import PropTypes from "prop-types"
 function FortuneIndex(props){
    return (
        <Fragment>
            <div className="tit">幸运指数</div>
            <ul className="index_content">
                <li className="flex">
                    <div className="flex-1">健康指数</div>
                    <span className="c_07c160">{props.details.health}</span>
                </li>

                <li className="flex">
                    <div className="flex-1">财运指数</div>
                    <span className="c_F00">{props.details.money}</span>
                </li>
                <li className="flex">
                    <div className="flex-1">爱情指数</div>
                    <span className="c_FFC0CB">{props.details.love}</span>
                </li>
                <li className="flex">
                    <div className="flex-1">幸运数字</div>
                    <span className="c_8B0016">{props.details.number}</span>
                </li>
                <li className="flex">
                    <div className="flex-1">工作指数</div>
                    <span className="c_555">{props.details.work}</span>
                </li> 
                <li className="flex">
                    <div className="flex-1">综合指数</div>
                    <span className="c_409EFF">{props.details.all}</span>
                </li> 
            </ul>
            <div className="tit">概述</div>
            <div className="content">
                {props.details.summary}
            </div>
        </Fragment>
    )
}
FortuneIndex.propTypes={
    details:PropTypes.object.isRequired
}
export default FortuneIndex